<template>
  <div>
    <el-headel>
      <el-menu
        style="height: 99px"
        
        router
        class="el-menu-demo"
        mode="horizontal"
        background-color="#545c64"
        text-color="#fff"
        active-text-color="#ffd04b"
      >
        <el-menu-item index="/homepage">首页</el-menu-item>
        <el-menu-item index="/essentialdata">基础数据</el-menu-item>
        <el-menu-item index="/statement">报表</el-menu-item>
        <el-menu-item index="/systemcore">系统管理</el-menu-item>
        <el-menu-item index="/personalcenter">个人中心</el-menu-item>
        <div class="demo-image" style="text-align:right">
            <div class="block" v-for="fit in fits" :key="fit">
              <span class="demonstration">{{ fit }}</span>
              <el-image
                style="width: 159px; height: 159px"
                :src="url"
                :fit="fit"
              ></el-image>
            </div>
          </div>
      </el-menu>
    </el-headel>

    <el-container style="border: 1px solid #eee">
      <el-container>
        <el-main>
          <router-view></router-view>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
export default {
  name: "Index",
  data() {
    return {
      fits: [""],
      url: "https://pics3.baidu.com/feed/0dd7912397dda1447a92cf88e3697ea50df48653.jpeg?token=a23e8946e364c57eb92206a254c3e845",
    };
  },
};
</script>

<style>
</style>